.page {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  .container {
    width: 100%;
    height: 100%;
    background: #e37815;
    border-radius: 8px;
    padding: 16px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: space-between;
    width: 486px;
    height: 348px;
    .item {
      width: calc(33.33333% - 5.33333px);
      height: calc(33.33333% - 5.33333px);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background: #fdf3f3;
      border-radius: 4px;
      position: relative;
      user-select: none;
      .image {
        height: 50px;
        width: 72px;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .text {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        color: #d25f00;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }
  }
  .lottery {
    width: calc(33.33333% - 5.33333px);
    height: calc(33.33333% - 5.33333px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    position: relative;
    user-select: none;
    background: #ffe6a6;
    box-shadow: inset 0 0 16px #ffa800;
    cursor: pointer;
  }
}
